<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/slick.css" />
		<link rel="stylesheet" type="text/css" href="css/style00.css" />
		<script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/slick.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$('.center').slick({
					centerMode: true,
					centerPadding: '60px',
					slidesToShow: 3,
					responsive: [{
						breakpoint: 768,
						settings: {
							arrows: false,
							centerMode: true,
							centerPadding: '40px',
							slidesToShow: 3
						}
					}, {
						breakpoint: 480,
						settings: {
							arrows: false,
							centerMode: true,
							centerPadding: '40px',
							slidesToShow: 1
						}
					}]
				});
			});
		</script>
	</head>

	<body>
		<div class="slider center">
			<div><img src="img/lazyfonz1.png" /></div>
			<div><img src="img/lazyfonz2.png" /></div>
			<div><img src="img/lazyfonz3.png" /></div>
			<div><img src="img/lazyfonz4.png" /></div>
			<div><img src="img/lazyfonz5.png" /></div>
			<div><img src="img/lazyfonz6.png" /></div>
		</div>
	</body>

</html>